<template>
  <div class="content">
    <div class="index-header-box" id="head">
      <div class="index-header">
        <div @click="$router.back(-1)" class="back">
          <van-icon name="arrow-left"/>
        </div>
        <div class="title">配置信息</div>
      </div>
    </div>

    <van-collapse v-model="activeNames" >
      <van-collapse-item class="tool-title"  name="1" title="基础信息" >

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['brand_name']}}</span>
          <span class="list-txt pull-right">{{info.brand_name}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['model_name']}}</span>
          <span class="list-txt pull-right">{{info.model_name}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['sale_name']}}</span>
          <span class="list-txt pull-right">{{info.sale_name}}</span>
        </div>

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['car_type']}}</span>
          <span class="list-txt pull-right">{{info.car_type}}</span>
        </div>

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['engine_type']}}</span>
          <span class="list-txt pull-right">{{info.engine_type}}</span>
        </div>

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['car_line']}}</span>
          <span class="list-txt pull-right">{{info.car_line}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['power']}}</span>
          <span class="list-txt pull-right">{{info.power}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['jet_type']}}</span>
          <span class="list-txt pull-right">{{info.jet_type}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['fuel_Type']}}</span>
          <span class="list-txt pull-right">{{info.fuel_Type}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['transmission_type']}}</span>
          <span class="list-txt pull-right">{{info.transmission_type}}</span>
        </div>

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['cylinder_number']}}</span>
          <span class="list-txt pull-right">{{info.cylinder_number}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['cylinder_form']}}</span>
          <span class="list-txt pull-right">{{info.cylinder_form}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['output_volume']}}</span>
          <span class="list-txt pull-right">{{info.output_volume}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['made_year']}}</span>
          <span class="list-txt pull-right">{{info.made_year}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['made_month']}}</span>
          <span class="list-txt pull-right">{{info.made_month}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['stop_year']}}</span>
          <span class="list-txt pull-right">{{info.stop_year}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['effluent_standard']}}</span>
          <span class="list-txt pull-right">{{info.effluent_standard}}</span>
        </div>

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['fuel_num']}}</span>
          <span class="list-txt pull-right">{{info.fuel_num}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['guiding_price']}}</span>
          <span class="list-txt pull-right">{{info.guiding_price}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['year']}}</span>
          <span class="list-txt pull-right">{{info.year}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['air_bag']}}</span>
          <span class="list-txt pull-right">{{info.air_bag}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['seat_num']}}</span>
          <span class="list-txt pull-right">{{info.seat_num}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['vehicle_level']}}</span>
          <span class="list-txt pull-right">{{info.vehicle_level}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['door_num']}}</span>
          <span class="list-txt pull-right">{{info.door_num}}</span>
        </div>

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['car_body']}}</span>
          <span class="list-txt pull-right">{{info.car_body}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['manufacturer']}}</span>
          <span class="list-txt pull-right">{{info.manufacturer}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['gears_num']}}</span>
          <span class="list-txt pull-right">{{info.gears_num}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['car_weight']}}</span>
          <span class="list-txt pull-right">{{info.car_weight}}</span>
        </div>

        <div class="item-list">
          <span class="list-tit pull-left">{{menu['assembly_factory']}}</span>
          <span class="list-txt pull-right">{{info.assembly_factory}}</span>
        </div>
        <div class="item-list">
          <span class="list-tit pull-left">{{menu['drive_style']}}</span>
          <span class="list-txt pull-right">{{info.drive_style}}</span>
        </div>

      </van-collapse-item>


    </van-collapse>




  </div>
</template>

<script>

  export default {
    name: "tool",
    components: {
    },
    data() {
      return {
          activeNames:[
              '1',
          ],

          id:this.$route.query.id||0,

          info:[],
          menu:[],

      }
    },
    computed: {},
    mounted: function () {
       this.init();
    },
    methods: {
       init(){
           var that=this;

           this.$api.car.getMiniTool({id:this.id}).then(res=>{
               var res=res.data.data;

               this.info=res.info;
               this.menu=res.menu;
           });
       },

        checkKey(key){
            if(this.exps[`${key}`]!=undefined && this.exps[`${key}`]!="undefined"){
                return this.exps[`${key}`];
            }else{
                return false;
            }
        },
    },
  }
</script>

<style lang="scss" scoped>
  @import "../../assets/scss/index.scss";
</style>
